<template>
  <div class="header">
      <h1>{{title}}</h1>
  </div>
</template>

<script>
export default {
    name: 'CommonHeader',
    props: {
        title: {
            type: String,
            default () {
                return '城市生活通'
            }
        }
    }
}
</script>

<style lang="scss" scoped>
    @import '~styles/mixins.scss';
    @import '~styles/variables.scss';
    .header {
        position: relative;
        @include flex-row;
        @include vh-center;
        height: $headerHeight;
        background-color: $defaultBgcolor;

        h1 {
            font-size: .18rem;
        }
    }
</style>